<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>预交金管理-企业预交金详情</title>
  <link rel="stylesheet" type="text/css" href="../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../themes/icon.css">
  <script type="text/javascript" src="../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    body {
      font-size: 14px;
      padding: 0;
      margin: 0;
    }
    a {
      display: inline-block;
      text-decoration: none;
      color: #000;
      padding: 0;
      margin: 0;
    }
    .container{
      display: flex;
    }
    .business-registration-information{
      width: 350px;
      padding: 0 20px;
    }
    .turnover-records{
      padding: 0 20px;
      border-left: 1px solid;
    }
    .content-title{
      flex: 1;
      font-size: 16px;
      font-weight: bold;
    }
    .bri-item{
      display: flex;
      align-items: center;
      margin-top: 10px;
    }
    .bri-item .key{
      width: 130px;
      text-align: right;
    }
    .tr-content{
      margin-left: 20px;
    }
    .tr-item{
      display: flex;
    }
    .tr-item-left{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .left-top{
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: rgba(64, 158, 255, 1);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #ffffff;
      margin-top: 3px;
    }
    .left-vertical{
      width: 1px;
      background-color: #dddddd;
      flex: 1;
    }
    .tr-item-right{
      margin-left: 10px;
    }
    .item-title{
      font-weight: bold;
      margin-bottom: 10px;
    }
    .item-li{
      padding-bottom: 10px;
      display: flex;
      align-items: center;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="business-registration-information">
      <div class="content-title">企业登记信息</div>
      <div class="bri-content">
        <div class="bri-item">
          <div class="key">团检预约单号：</div>
          <div class="value">48454516541515122223</div>
        </div>
        <div class="bri-item">
          <div class="key">企业名称：</div>
          <div class="value">山西欣欣科技有限公司</div>
        </div>
        <div class="bri-item">
          <div class="key">企业统一信用代码：</div>
          <div class="value">441564165151FS4784684</div>
        </div>
        <div class="bri-item">
          <div class="key">体检人数：</div>
          <div class="value">300人</div>
        </div>
        <div class="bri-item">
          <div class="key">体检日期：</div>
          <div class="value">2024.05.06-2024.05.31</div>
        </div>
        <div class="bri-item">
          <div class="key">体检状态：</div>
          <div class="value">已收款</div>
        </div>
        <div class="bri-item">
          <div class="key">企业联系人：</div>
          <div class="value">张晶</div>
        </div>
        <div class="bri-item">
          <div class="key">企业联系人电话：</div>
          <div class="value">13565591215</div>
        </div>
        <div class="bri-item">
          <div class="key">预交金办理人姓名：</div>
          <div class="value">李绮红</div>
        </div>
        <div class="bri-item">
          <div class="key">预交金办理人电话：</div>
          <div class="value">13651596231</div>
        </div>
        <div class="bri-item">
          <div class="key">预交金金额：</div>
          <div class="value">15000元</div>
        </div>
      </div>
    </div>
    <div class="turnover-records">
      <div class="content-title">预交金登记&流水记录</div>
      <div class="tr-content">
        <div class="tr-item">
          <div class="tr-item-left">
            <div class="left-top">2</div>
            <div class="left-vertical"></div>
          </div>
          <div class="tr-item-right">
            <div class="item-title">预交金退费</div>
            <div class="item-li">
              <div class="key">收费员：</div>
              <div class="value">李红001</div>
            </div>
            <div class="item-li">
              <div class="key">支付时间：</div>
              <div class="value">2024.06.02  13:25:26</div>
            </div>
          </div>
        </div>
        <div class="tr-item">
          <div class="tr-item-left">
            <div class="left-top">1</div>
            <div class="left-vertical"></div>
          </div>
          <div class="tr-item-right">
            <div class="item-title">预交金退费</div>
            <div class="item-li">
              <div class="key">收费员：</div>
              <div class="value">李红001</div>
            </div>
            <div class="item-li">
              <div class="key">支付时间：</div>
              <div class="value">2024.06.02  13:25:26</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
